
<seed-content class="seed-mine-page">
  <seed-toolbar-header color="c1"  [underline]="false">
    <seed-icon color="c10"
               name="icon-message"
               class="profile-icon message"
               [routerLink]="'/mine/message'"
    >
    </seed-icon>
    <seed-toolbar-title color="c10">我的</seed-toolbar-title>
    <!--<seed-icon color="c10" name="icon-setting" class="profile-icon setting"></seed-icon>-->
    <seed-toolbar-menu color="c10" ></seed-toolbar-menu>
  </seed-toolbar-header>
  <div class="mine-page">

    <!--用户信息界面-->
    <div class="mine-profile seed-flexbox seed-flexbox-align-center">
      <div class="profile-avatar">
        <img
          seed-load-img
          class="person-header-img"
          (click)="goToHomepage()"
          [src]="(userProfile$ | async).iconUrl"
        >
      </div>
      <div class="profile-center seed-flexbox padding-left-30 " (click)="goToSetting()">
        <div class="nickname">
          <span>{{(userProfile$ | async).nickName | truncate:8}}</span>
          <img [src]="(userProfile$ | async)?.appImgtxtUrl" *ngIf="(userProfile$ | async)?.appImgtxtUrl">
        </div>
        <div class="address" *ngIf="(userProfile$ | async).areaProvName || (userProfile$ | async).areaCityName">
          <i [ngStyle]="{'background-image':'url('+getIcon('address_white_xq.png')+')'}"></i>
          <span>{{(userProfile$ | async).areaProvName}}{{(userProfile$ | async).areaCityName==(userProfile$ |
          async).areaProvName? '': (userProfile$ | async).areaCityName}}</span>
        </div>
      </div>
      <div class="profile-end" (click)="goToSetting()">
        <seed-icon  color="c10"  name="icon-arrow-right"></seed-icon>
      </div>
    </div>

    <!--收藏，关注，粉丝-->
    <div class="profile-item">
      <seed-item class="seed-flexbox ">
        <div class="item seed-flexbox" (click)="goToCollectlist()">
          <span>{{setConcern((userProfile$ | async).favoriteNum)}}{{concern}}</span>
          <label>收藏</label>
        </div>
        <div class="item seed-flexbox" (click)="goToFollowlist()">
          <span>{{setConcern((userProfile$ | async).concernNum)}}{{concern}}</span>
          <label>关注</label>
        </div>
        <div class="item seed-flexbox" (click)="goToFanslist()">
          <span>{{setFollow((userProfile$ | async).followNum)}}{{follow}}</span>
          <label>粉丝</label>
        </div>
      </seed-item>
    </div>

    <div class="seed-gap"*ngIf="serviceMenuList.length>0"></div>
    <!--推荐服务菜单列表-->
    <div class="profile-item item service-menu-list" *ngIf="serviceMenuList.length>0">
      <seed-item class="seed-profile-item seed-grid ">
        <div class="row seed-grid-row">
          <div class="row-item seed-grid-col" col-5 *ngFor="let item of serviceMenuList" (click)="goServiceDetail(item.detailUrl)" >
            <span [ngStyle]="{'background-image':'url('+item.picUrl+')'}"
            ></span>
            <span>{{item.serviceName}}</span>
          </div>
        </div>
      </seed-item>
    </div>
    <div class="seed-gap"></div>
    <!--我的订单-->
    <div class="profile-item item">
      <div class="item-title seed-flexbox seed-flexbox-content-between">
        <span>我的订单</span>
        <span (click)="goToOrders('all')">
          <label>查看全部</label>
          <seed-icon color="c4" name="icon-arrow-right"></seed-icon>
        </span>
      </div>
      <seed-item class="seed-profile-item seed-grid">
        <div class="row seed-grid-row">
          <div class="row-item seed-grid-col" col-5 (click)="goToOrders('incomplete')">
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_stay_succeed.png')+')'}"
            >
              <i *ngIf="complete((userProfile$ | async).orderStatusCount)">{{setstayComplete((userProfile$ | async).orderStatusCount)}}{{stayComplete}}</i>
            </span>
            <span>待完善</span>
          </div>

          <div class="row-item seed-grid-col" col-5 (click)="goToOrders('waitPay')">
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_stay_pay.png')+')'}"
            >
              <i *ngIf="pay((userProfile$ | async).orderStatusCount)">{{setStayPay((userProfile$ | async).orderStatusCount)}}{{stayPay}}</i>
            </span>
            <span>待付款</span>
          </div>

          <div class="row-item seed-grid-col" col-5 (click)="goToOrders('paid')">
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_pay.png')+')'}"
            ></span>
            <span>已付款</span>
          </div>

          <div class="row-item seed-grid-col" col-5 (click)="goToOrders('completed')">
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_succeed.png')+')'}"
            ></span>
            <span>已完成</span>
          </div>

<!--          <div class="row-item seed-grid-col" col-5 (click)="goToOrders('all')">
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_order.png')+')'}"
            >
              <i *ngIf="complete((userProfile$ | async).orderStatusCount)">{{setstayComplete((userProfile$ | async).orderStatusCount)}}{{stayComplete}}</i>
            </span>
            <span>全部订单</span>
          </div>-->

        </div>
      </seed-item>
    </div>
    <div class="seed-gap"></div>
    <!--我的订单-->
    <div class="profile-item item">
      <div class="item-title seed-flexbox seed-flexbox-content-between">
        <span>我的资产</span>
        <span>
          <!--<label>查看全部</label>-->
          <!--<seed-icon color="c4" name="icon-arrow-right"></seed-icon>-->
        </span>
      </div>
      <seed-item class="seed-profile-item seed-grid">
        <div class="row seed-grid-row">
          <div class="row-item seed-grid-col" col-5 (click)="goToWallet()">
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_bag.png')+')'}"
            ></span>
            <span>我的钱包</span>
          </div>
          <div class="row-item seed-grid-col" col-5 (click)="goToCoupon()">
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_voucher.png')+')'}"
            ></span>
            <span>优惠券</span>
          </div>
          <div class="row-item seed-grid-col" col-5 downloadApp>
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_shopping.png')+')'}"
            ></span>
            <span>购物车</span>
          </div>
          <div class="row-item seed-grid-col" col-5 downloadApp>
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_service.png')+')'}"
            ></span>
            <span>售后服务</span>
          </div>
        </div>
      </seed-item>
    </div>
    <div class="seed-gap"></div>
    <!--常用功能-->
    <div class="profile-item item">
      <div class="item-title seed-flexbox seed-flexbox-content-between">
        <span>常用功能</span>
        <span (click)="goToMore()">
          <label>更多功能</label>
          <seed-icon color="c4" name="icon-arrow-right"></seed-icon>
        </span>
      </div>
      <seed-item class="seed-profile-item seed-grid">
        <div class="row seed-grid-row">
          <div class="row-item seed-grid-col" col-5 downloadApp>
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_post.png')+')'}"
            ></span>
            <span>发帖</span>
          </div>
          <div class="row-item seed-grid-col" col-5 downloadApp>
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_Live_stream.png')+')'}"
            ></span>
            <span>直播</span>
          </div>
          <div class="row-item seed-grid-col" col-5 downloadApp>
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_upload_video.png')+')'}"
            ></span>
            <span>上传视频</span>
          </div>
          <div class="row-item seed-grid-col" col-5 routerLink="/mine/authentication">
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_certification.png')+')'}"
            ></span>
            <span>认证中心</span>
          </div>
          <div class="row-item seed-grid-col" col-5 downloadApp>
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_myorganization.png')+')'}"
            ></span>
            <span>我的组织</span>
          </div>
          <div class="row-item seed-grid-col" col-5 downloadApp>
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_activity.png')+')'}"
            ></span>
            <span>我的活动</span>
          </div>
          <div class="row-item seed-grid-col" col-5 routerLink="/community/circle/mine">
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_circle.png')+')'}"
            ></span>
            <span>我的圈子</span>
          </div>
          <div class="row-item seed-grid-col" col-5 downloadApp>
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_dynamics.png')+')'}"
            ></span>
            <span>关注动态</span>
          </div>
          <div class="row-item seed-grid-col" col-5 [routerLink]="['/goods/manage']">
            <span [ngStyle]="{'background-image':'url('+getImage('manage/my_icon_card.png')+')'}"
            ></span>
            <span>服务卡</span>
          </div>
          <div class="row-item seed-grid-col" col-5 downloadApp>
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_feedback.png')+')'}"
            ></span>
            <span>反馈</span>
          </div>
          <div class="row-item seed-grid-col" col-5 (click)="goKeFu()">
            <span [ngStyle]="{'background-image':'url('+getIcon('my_icon_contact.png')+')'}"
            ></span>
            <span>客服</span>
          </div>
        </div>
      </seed-item>
    </div>


  </div>
</seed-content>
